/*
    @prop: 属性
    @curr: 开始值
    @end: 结束值
    @skip: 步长
    @unit: 单位
    @insertClass: 插入的类名
    @expamle: .loop(flex, 1, 24, 1, %, flex) => .--m-flex1 { flex: 1%; }
*/
/*
    @prop: 属性
    @curr: 开始值
    @end: 结束值
    @skip: 步长
    @unit: 单位
    @insertClass: 插入的类名
    @expamle: .loop(flex, 1, 24, 1, %, flex) => .--m-flex1 { flex: 1%; }
*/
.--m-fs12 {
  font-size: 0.75rem;
}
.--m-fs14 {
  font-size: 0.875rem;
}
.--m-fs16 {
  font-size: 1rem;
}
.--m-fs18 {
  font-size: 1.125rem;
}
.--m-fs20 {
  font-size: 1.25rem;
}
.--m-fs22 {
  font-size: 1.375rem;
}
.--m-fs24 {
  font-size: 1.5rem;
}
.--m-fs28 {
  font-size: 1.75rem;
}
.--m-m0 {
  margin: 0;
}
.--m-p0 {
  padding: 0;
}
.--m-mt0 {
  margin-top: 0;
}
.--m-pt0 {
  padding-top: 0;
}
.--m-mr0 {
  margin-right: 0;
}
.--m-pr0 {
  padding-right: 0;
}
.--m-mb0 {
  margin-bottom: 0;
}
.--m-pb0 {
  padding-bottom: 0;
}
.--m-ml0 {
  margin-left: 0;
}
.--m-pl0 {
  padding-left: 0;
}
.--m-m2 {
  margin: 0.125rem;
}
.--m-p2 {
  padding: 0.125rem;
}
.--m-mt2 {
  margin-top: 0.125rem;
}
.--m-pt2 {
  padding-top: 0.125rem;
}
.--m-mr2 {
  margin-right: 0.125rem;
}
.--m-pr2 {
  padding-right: 0.125rem;
}
.--m-mb2 {
  margin-bottom: 0.125rem;
}
.--m-pb2 {
  padding-bottom: 0.125rem;
}
.--m-ml2 {
  margin-left: 0.125rem;
}
.--m-pl2 {
  padding-left: 0.125rem;
}
.--m-m4 {
  margin: 0.25rem;
}
.--m-p4 {
  padding: 0.25rem;
}
.--m-mt4 {
  margin-top: 0.25rem;
}
.--m-pt4 {
  padding-top: 0.25rem;
}
.--m-mr4 {
  margin-right: 0.25rem;
}
.--m-pr4 {
  padding-right: 0.25rem;
}
.--m-mb4 {
  margin-bottom: 0.25rem;
}
.--m-pb4 {
  padding-bottom: 0.25rem;
}
.--m-ml4 {
  margin-left: 0.25rem;
}
.--m-pl4 {
  padding-left: 0.25rem;
}
.--m-m6 {
  margin: 0.375rem;
}
.--m-p6 {
  padding: 0.375rem;
}
.--m-mt6 {
  margin-top: 0.375rem;
}
.--m-pt6 {
  padding-top: 0.375rem;
}
.--m-mr6 {
  margin-right: 0.375rem;
}
.--m-pr6 {
  padding-right: 0.375rem;
}
.--m-mb6 {
  margin-bottom: 0.375rem;
}
.--m-pb6 {
  padding-bottom: 0.375rem;
}
.--m-ml6 {
  margin-left: 0.375rem;
}
.--m-pl6 {
  padding-left: 0.375rem;
}
.--m-m8 {
  margin: 0.5rem;
}
.--m-p8 {
  padding: 0.5rem;
}
.--m-mt8 {
  margin-top: 0.5rem;
}
.--m-pt8 {
  padding-top: 0.5rem;
}
.--m-mr8 {
  margin-right: 0.5rem;
}
.--m-pr8 {
  padding-right: 0.5rem;
}
.--m-mb8 {
  margin-bottom: 0.5rem;
}
.--m-pb8 {
  padding-bottom: 0.5rem;
}
.--m-ml8 {
  margin-left: 0.5rem;
}
.--m-pl8 {
  padding-left: 0.5rem;
}
.--m-m10 {
  margin: 0.625rem;
}
.--m-p10 {
  padding: 0.625rem;
}
.--m-mt10 {
  margin-top: 0.625rem;
}
.--m-pt10 {
  padding-top: 0.625rem;
}
.--m-mr10 {
  margin-right: 0.625rem;
}
.--m-pr10 {
  padding-right: 0.625rem;
}
.--m-mb10 {
  margin-bottom: 0.625rem;
}
.--m-pb10 {
  padding-bottom: 0.625rem;
}
.--m-ml10 {
  margin-left: 0.625rem;
}
.--m-pl10 {
  padding-left: 0.625rem;
}
.--m-m12 {
  margin: 0.75rem;
}
.--m-p12 {
  padding: 0.75rem;
}
.--m-mt12 {
  margin-top: 0.75rem;
}
.--m-pt12 {
  padding-top: 0.75rem;
}
.--m-mr12 {
  margin-right: 0.75rem;
}
.--m-pr12 {
  padding-right: 0.75rem;
}
.--m-mb12 {
  margin-bottom: 0.75rem;
}
.--m-pb12 {
  padding-bottom: 0.75rem;
}
.--m-ml12 {
  margin-left: 0.75rem;
}
.--m-pl12 {
  padding-left: 0.75rem;
}
.--m-m14 {
  margin: 0.875rem;
}
.--m-p14 {
  padding: 0.875rem;
}
.--m-mt14 {
  margin-top: 0.875rem;
}
.--m-pt14 {
  padding-top: 0.875rem;
}
.--m-mr14 {
  margin-right: 0.875rem;
}
.--m-pr14 {
  padding-right: 0.875rem;
}
.--m-mb14 {
  margin-bottom: 0.875rem;
}
.--m-pb14 {
  padding-bottom: 0.875rem;
}
.--m-ml14 {
  margin-left: 0.875rem;
}
.--m-pl14 {
  padding-left: 0.875rem;
}
.--m-m16 {
  margin: 1rem;
}
.--m-p16 {
  padding: 1rem;
}
.--m-mt16 {
  margin-top: 1rem;
}
.--m-pt16 {
  padding-top: 1rem;
}
.--m-mr16 {
  margin-right: 1rem;
}
.--m-pr16 {
  padding-right: 1rem;
}
.--m-mb16 {
  margin-bottom: 1rem;
}
.--m-pb16 {
  padding-bottom: 1rem;
}
.--m-ml16 {
  margin-left: 1rem;
}
.--m-pl16 {
  padding-left: 1rem;
}
.--m-m18 {
  margin: 1.125rem;
}
.--m-p18 {
  padding: 1.125rem;
}
.--m-mt18 {
  margin-top: 1.125rem;
}
.--m-pt18 {
  padding-top: 1.125rem;
}
.--m-mr18 {
  margin-right: 1.125rem;
}
.--m-pr18 {
  padding-right: 1.125rem;
}
.--m-mb18 {
  margin-bottom: 1.125rem;
}
.--m-pb18 {
  padding-bottom: 1.125rem;
}
.--m-ml18 {
  margin-left: 1.125rem;
}
.--m-pl18 {
  padding-left: 1.125rem;
}
.--m-m20 {
  margin: 1.25rem;
}
.--m-p20 {
  padding: 1.25rem;
}
.--m-mt20 {
  margin-top: 1.25rem;
}
.--m-pt20 {
  padding-top: 1.25rem;
}
.--m-mr20 {
  margin-right: 1.25rem;
}
.--m-pr20 {
  padding-right: 1.25rem;
}
.--m-mb20 {
  margin-bottom: 1.25rem;
}
.--m-pb20 {
  padding-bottom: 1.25rem;
}
.--m-ml20 {
  margin-left: 1.25rem;
}
.--m-pl20 {
  padding-left: 1.25rem;
}
.--m-m22 {
  margin: 1.375rem;
}
.--m-p22 {
  padding: 1.375rem;
}
.--m-mt22 {
  margin-top: 1.375rem;
}
.--m-pt22 {
  padding-top: 1.375rem;
}
.--m-mr22 {
  margin-right: 1.375rem;
}
.--m-pr22 {
  padding-right: 1.375rem;
}
.--m-mb22 {
  margin-bottom: 1.375rem;
}
.--m-pb22 {
  padding-bottom: 1.375rem;
}
.--m-ml22 {
  margin-left: 1.375rem;
}
.--m-pl22 {
  padding-left: 1.375rem;
}
.--m-m24 {
  margin: 1.5rem;
}
.--m-p24 {
  padding: 1.5rem;
}
.--m-mt24 {
  margin-top: 1.5rem;
}
.--m-pt24 {
  padding-top: 1.5rem;
}
.--m-mr24 {
  margin-right: 1.5rem;
}
.--m-pr24 {
  padding-right: 1.5rem;
}
.--m-mb24 {
  margin-bottom: 1.5rem;
}
.--m-pb24 {
  padding-bottom: 1.5rem;
}
.--m-ml24 {
  margin-left: 1.5rem;
}
.--m-pl24 {
  padding-left: 1.5rem;
}
.--m-m26 {
  margin: 1.625rem;
}
.--m-p26 {
  padding: 1.625rem;
}
.--m-mt26 {
  margin-top: 1.625rem;
}
.--m-pt26 {
  padding-top: 1.625rem;
}
.--m-mr26 {
  margin-right: 1.625rem;
}
.--m-pr26 {
  padding-right: 1.625rem;
}
.--m-mb26 {
  margin-bottom: 1.625rem;
}
.--m-pb26 {
  padding-bottom: 1.625rem;
}
.--m-ml26 {
  margin-left: 1.625rem;
}
.--m-pl26 {
  padding-left: 1.625rem;
}
.--m-m28 {
  margin: 1.75rem;
}
.--m-p28 {
  padding: 1.75rem;
}
.--m-mt28 {
  margin-top: 1.75rem;
}
.--m-pt28 {
  padding-top: 1.75rem;
}
.--m-mr28 {
  margin-right: 1.75rem;
}
.--m-pr28 {
  padding-right: 1.75rem;
}
.--m-mb28 {
  margin-bottom: 1.75rem;
}
.--m-pb28 {
  padding-bottom: 1.75rem;
}
.--m-ml28 {
  margin-left: 1.75rem;
}
.--m-pl28 {
  padding-left: 1.75rem;
}
.--m-m30 {
  margin: 1.875rem;
}
.--m-p30 {
  padding: 1.875rem;
}
.--m-mt30 {
  margin-top: 1.875rem;
}
.--m-pt30 {
  padding-top: 1.875rem;
}
.--m-mr30 {
  margin-right: 1.875rem;
}
.--m-pr30 {
  padding-right: 1.875rem;
}
.--m-mb30 {
  margin-bottom: 1.875rem;
}
.--m-pb30 {
  padding-bottom: 1.875rem;
}
.--m-ml30 {
  margin-left: 1.875rem;
}
.--m-pl30 {
  padding-left: 1.875rem;
}
.--m-m32 {
  margin: 2rem;
}
.--m-p32 {
  padding: 2rem;
}
.--m-mt32 {
  margin-top: 2rem;
}
.--m-pt32 {
  padding-top: 2rem;
}
.--m-mr32 {
  margin-right: 2rem;
}
.--m-pr32 {
  padding-right: 2rem;
}
.--m-mb32 {
  margin-bottom: 2rem;
}
.--m-pb32 {
  padding-bottom: 2rem;
}
.--m-ml32 {
  margin-left: 2rem;
}
.--m-pl32 {
  padding-left: 2rem;
}
.--m-m34 {
  margin: 2.125rem;
}
.--m-p34 {
  padding: 2.125rem;
}
.--m-mt34 {
  margin-top: 2.125rem;
}
.--m-pt34 {
  padding-top: 2.125rem;
}
.--m-mr34 {
  margin-right: 2.125rem;
}
.--m-pr34 {
  padding-right: 2.125rem;
}
.--m-mb34 {
  margin-bottom: 2.125rem;
}
.--m-pb34 {
  padding-bottom: 2.125rem;
}
.--m-ml34 {
  margin-left: 2.125rem;
}
.--m-pl34 {
  padding-left: 2.125rem;
}
.--m-m36 {
  margin: 2.25rem;
}
.--m-p36 {
  padding: 2.25rem;
}
.--m-mt36 {
  margin-top: 2.25rem;
}
.--m-pt36 {
  padding-top: 2.25rem;
}
.--m-mr36 {
  margin-right: 2.25rem;
}
.--m-pr36 {
  padding-right: 2.25rem;
}
.--m-mb36 {
  margin-bottom: 2.25rem;
}
.--m-pb36 {
  padding-bottom: 2.25rem;
}
.--m-ml36 {
  margin-left: 2.25rem;
}
.--m-pl36 {
  padding-left: 2.25rem;
}
.--m-m38 {
  margin: 2.375rem;
}
.--m-p38 {
  padding: 2.375rem;
}
.--m-mt38 {
  margin-top: 2.375rem;
}
.--m-pt38 {
  padding-top: 2.375rem;
}
.--m-mr38 {
  margin-right: 2.375rem;
}
.--m-pr38 {
  padding-right: 2.375rem;
}
.--m-mb38 {
  margin-bottom: 2.375rem;
}
.--m-pb38 {
  padding-bottom: 2.375rem;
}
.--m-ml38 {
  margin-left: 2.375rem;
}
.--m-pl38 {
  padding-left: 2.375rem;
}
.--m-m40 {
  margin: 2.5rem;
}
.--m-p40 {
  padding: 2.5rem;
}
.--m-mt40 {
  margin-top: 2.5rem;
}
.--m-pt40 {
  padding-top: 2.5rem;
}
.--m-mr40 {
  margin-right: 2.5rem;
}
.--m-pr40 {
  padding-right: 2.5rem;
}
.--m-mb40 {
  margin-bottom: 2.5rem;
}
.--m-pb40 {
  padding-bottom: 2.5rem;
}
.--m-ml40 {
  margin-left: 2.5rem;
}
.--m-pl40 {
  padding-left: 2.5rem;
}
.--m-m42 {
  margin: 2.625rem;
}
.--m-p42 {
  padding: 2.625rem;
}
.--m-mt42 {
  margin-top: 2.625rem;
}
.--m-pt42 {
  padding-top: 2.625rem;
}
.--m-mr42 {
  margin-right: 2.625rem;
}
.--m-pr42 {
  padding-right: 2.625rem;
}
.--m-mb42 {
  margin-bottom: 2.625rem;
}
.--m-pb42 {
  padding-bottom: 2.625rem;
}
.--m-ml42 {
  margin-left: 2.625rem;
}
.--m-pl42 {
  padding-left: 2.625rem;
}
.--m-m44 {
  margin: 2.75rem;
}
.--m-p44 {
  padding: 2.75rem;
}
.--m-mt44 {
  margin-top: 2.75rem;
}
.--m-pt44 {
  padding-top: 2.75rem;
}
.--m-mr44 {
  margin-right: 2.75rem;
}
.--m-pr44 {
  padding-right: 2.75rem;
}
.--m-mb44 {
  margin-bottom: 2.75rem;
}
.--m-pb44 {
  padding-bottom: 2.75rem;
}
.--m-ml44 {
  margin-left: 2.75rem;
}
.--m-pl44 {
  padding-left: 2.75rem;
}
.--m-m46 {
  margin: 2.875rem;
}
.--m-p46 {
  padding: 2.875rem;
}
.--m-mt46 {
  margin-top: 2.875rem;
}
.--m-pt46 {
  padding-top: 2.875rem;
}
.--m-mr46 {
  margin-right: 2.875rem;
}
.--m-pr46 {
  padding-right: 2.875rem;
}
.--m-mb46 {
  margin-bottom: 2.875rem;
}
.--m-pb46 {
  padding-bottom: 2.875rem;
}
.--m-ml46 {
  margin-left: 2.875rem;
}
.--m-pl46 {
  padding-left: 2.875rem;
}
.--m-m48 {
  margin: 3rem;
}
.--m-p48 {
  padding: 3rem;
}
.--m-mt48 {
  margin-top: 3rem;
}
.--m-pt48 {
  padding-top: 3rem;
}
.--m-mr48 {
  margin-right: 3rem;
}
.--m-pr48 {
  padding-right: 3rem;
}
.--m-mb48 {
  margin-bottom: 3rem;
}
.--m-pb48 {
  padding-bottom: 3rem;
}
.--m-ml48 {
  margin-left: 3rem;
}
.--m-pl48 {
  padding-left: 3rem;
}
.--m-c-default {
  color: #fff;
}
.--m-bg-default {
  background-color: #fff;
}
.--m-c-primary {
  color: #2177b8;
}
.--m-bg-primary {
  background-color: #2177b8;
}
.--m-c-success {
  color: #55bb8a;
}
.--m-bg-success {
  background-color: #55bb8a;
}
.--m-c-warning {
  color: #fccb16;
}
.--m-bg-warning {
  background-color: #fccb16;
}
.--m-c-danger {
  color: #fa5d19;
}
.--m-bg-danger {
  background-color: #fa5d19;
}
.--m-c-info {
  color: #909399;
}
.--m-bg-info {
  background-color: #909399;
}
.--m-c-text {
  color: #303133;
}
.--m-bg-text {
  background-color: #303133;
}
.--m-c-border {
  color: #ebeef5;
}
.--m-bg-border {
  background-color: #ebeef5;
}
.--m-c-background {
  color: #f0f2f5;
}
.--m-bg-background {
  background-color: #f0f2f5;
}
.--m-c-disabled {
  color: #c0c4cc;
}
.--m-bg-disabled {
  background-color: #c0c4cc;
}
.--m-c-placeholder {
  color: #c0c4cc;
}
.--m-bg-placeholder {
  background-color: #c0c4cc;
}
.--m-jc-center {
  justify-content: center;
}
.--m-ai-center {
  align-items: center;
}
.--m-jc-start {
  justify-content: flex-start;
}
.--m-ai-start {
  align-items: flex-start;
}
.--m-jc-end {
  justify-content: flex-end;
}
.--m-ai-end {
  align-items: flex-end;
}
.--m-jc-between {
  justify-content: space-between;
}
.--m-ai-between {
  align-items: space-between;
}
.--m-jc-around {
  justify-content: space-around;
}
.--m-ai-around {
  align-items: space-around;
}
.--m-flex24 {
  flex: 24;
}
.--m-flex23 {
  flex: 23;
}
.--m-flex22 {
  flex: 22;
}
.--m-flex21 {
  flex: 21;
}
.--m-flex20 {
  flex: 20;
}
.--m-flex19 {
  flex: 19;
}
.--m-flex18 {
  flex: 18;
}
.--m-flex17 {
  flex: 17;
}
.--m-flex16 {
  flex: 16;
}
.--m-flex15 {
  flex: 15;
}
.--m-flex14 {
  flex: 14;
}
.--m-flex13 {
  flex: 13;
}
.--m-flex12 {
  flex: 12;
}
.--m-flex11 {
  flex: 11;
}
.--m-flex10 {
  flex: 10;
}
.--m-flex9 {
  flex: 9;
}
.--m-flex8 {
  flex: 8;
}
.--m-flex7 {
  flex: 7;
}
.--m-flex6 {
  flex: 6;
}
.--m-flex5 {
  flex: 5;
}
.--m-flex4 {
  flex: 4;
}
.--m-flex3 {
  flex: 3;
}
.--m-flex2 {
  flex: 2;
}
.--m-flex1 {
  flex: 1;
}
.--m-z10 {
  z-index: 10;
}
.--m-z9 {
  z-index: 9;
}
.--m-z8 {
  z-index: 8;
}
.--m-z7 {
  z-index: 7;
}
.--m-z6 {
  z-index: 6;
}
.--m-z5 {
  z-index: 5;
}
.--m-z4 {
  z-index: 4;
}
.--m-z3 {
  z-index: 3;
}
.--m-z2 {
  z-index: 2;
}
.--m-z1 {
  z-index: 1;
}
.--m-z0 {
  z-index: 0;
}
.--m-z-1 {
  z-index: -1;
}
.--m-z-2 {
  z-index: -2;
}
.--m-z-3 {
  z-index: -3;
}
.--m-z-4 {
  z-index: -4;
}
.--m-z-5 {
  z-index: -5;
}
.--m-z-6 {
  z-index: -6;
}
.--m-z-7 {
  z-index: -7;
}
.--m-z-8 {
  z-index: -8;
}
.--m-z-9 {
  z-index: -9;
}
.--m-pos-s {
  position: static;
}
.--m-pos-r {
  position: relative;
}
.--m-pos-a {
  position: absolute;
}
.--m-pos-f {
  position: fixed;
}
.--m-lh30 {
  line-height: 30px;
}
.--m-lh28 {
  line-height: 28px;
}
.--m-lh26 {
  line-height: 26px;
}
.--m-lh24 {
  line-height: 24px;
}
.--m-lh22 {
  line-height: 22px;
}
.--m-lh20 {
  line-height: 20px;
}
.--m-lh18 {
  line-height: 18px;
}
.--m-lh16 {
  line-height: 16px;
}
.--m-lh14 {
  line-height: 14px;
}
.--m-lh12 {
  line-height: 12px;
}
.--m-lh10 {
  line-height: 10px;
}
.--m-lh8 {
  line-height: 8px;
}
.--m-lh6 {
  line-height: 6px;
}
.--m-lh4 {
  line-height: 4px;
}
.--m-lh2 {
  line-height: 2px;
}
.--m-w100 {
  width: 100%;
}
.--m-w90 {
  width: 90%;
}
.--m-w80 {
  width: 80%;
}
.--m-w70 {
  width: 70%;
}
.--m-w60 {
  width: 60%;
}
.--m-w50 {
  width: 50%;
}
.--m-w40 {
  width: 40%;
}
.--m-w30 {
  width: 30%;
}
.--m-w20 {
  width: 20%;
}
.--m-w10 {
  width: 10%;
}
.--m-lc10 {
  -webkit-line-clamp: 10;
}
.--m-lc9 {
  -webkit-line-clamp: 9;
}
.--m-lc8 {
  -webkit-line-clamp: 8;
}
.--m-lc7 {
  -webkit-line-clamp: 7;
}
.--m-lc6 {
  -webkit-line-clamp: 6;
}
.--m-lc5 {
  -webkit-line-clamp: 5;
}
.--m-lc4 {
  -webkit-line-clamp: 4;
}
.--m-lc3 {
  -webkit-line-clamp: 3;
}
.--m-lc2 {
  -webkit-line-clamp: 2;
}
.--m-lc1 {
  -webkit-line-clamp: 1;
}
